import { createRouter, createWebHashHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import VideoView from '../views/VideoRoute.vue'
const router = createRouter({
  history: createWebHashHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView,
      meta: {
        transition: 'animate__fadeIn'
      },
      children: [
        {
          path: '/',
          redirect: '/screen'
        },
        {
          path: '/screen',
          name: 'screen',
          components: {
            head: () => import('@/components/head/HeadColumn.vue'),
            left: () => import('@/components/left/LeftColumn.vue'),
            center: () => import('@/components/center/CenterColumn.vue'),
            right: () => import('@/components/right/RightColumn.vue')
          },
          meta: {
            transition: 'animate__fadeIn'
          }
        }
      ]
    },
    {
      path: '/video',
      name: 'video',
      component: VideoView
    }
  ]
})

export default router
